{% extends 'base.html' %}
{% block title %}搜索结果{% endblock %}
{% block css %}

    <!-- Theme style -->

    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->

    <link rel="stylesheet" href="../static/plugins/datatables/dataTables.bootstrap.css">

    {#    <link rel="stylesheet" href="http://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">#}
{% endblock %}

{% block content %}

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            搜索结果
            {#        <small>asset info</small>#}
        </h1>
        <ol class="breadcrumb">
            <li><a href="/"><i class="fa fa-dashboard"></i> 主页</a></li>
            <li>搜索</li>
        </ol>
    </section>

    <!-- Main content -->


    <section class="content">

        <!-- Default box -->
        <div class="row">
            <div class="col-md-12">

                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title"><b>搜索条件:【{{ q }}】</b></h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <table class="table  table-hover"
                               style="border-left:3px solid green;border-bottom:1px solid green" id="search_table">
                                    <thead>
                                    <tr>
                                        <th>IP</th>
                                        <th>端口</th>
                                        <th>服务</th>
                                        <th>软件信息</th>
                                        <th>扫描时间</th>
                                    </tr>
                                    </thead>
                                    <tbody>




                                    </tbody>

                        </table>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->


            </div>
            <!-- /.col -->

            <!-- /.col -->
        </div>
        <!-- /.box-body -->

    </section>





    <!-- /.content -->

{% endblock %}




{% block script %}


    <!-- FastClick -->
    <script src="static/plugins/fastclick/fastclick.js"></script>
    <!-- AdminLTE App -->
    <script src="static/dist/js/app.min.js"></script>
    <!-- DataTables -->
    {#    <script src="static/plugins/datatables/jquery.dataTables.min.js"></script>#}
    <script src="static/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="static/plugins/datatables/dataTables.bootstrap.min.js"></script>
    <script>


        $(document).ready(function () {
            $('#search_table').DataTable({
                columns: [
                    {title: "IP"},
                    {title: "端口"},
                    {title: "服务"},
                    {title: "软件信息"},
                    {title: "扫描时间"}
                ],
                retrieve: true,
                data: {{ dataset | safe }}
            });
        });


    </script>

{% endblock %}